<!DOCTYPE html>
<html>
  <head>
    <title>简单编辑器</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
<!--   <link rel="stylesheet" type="text/css" href="./styles.css">-->
   <!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  
  <script  src="js/editor.js" type="text/javascript" ></script>
  <link href="/Scripts/dropzone/css/dropzone.css" rel="stylesheet" />  
  <script src="/Scripts/dropzone/dropzone.js"></script> 
  <style type="text/css">
   #div{
   border:1px solid red;
   width:100px;
   height:100px;
   
   }
   #div1{
   border:1px solid red;
   width:100px;
   height:100px;
   
   }
  </style>
  </head>  
  <body>
  <h2>下面是编辑器</h2><hr>
  <div id="editor">
    <button id="bold"><b>加粗</b></button>
     <button id="italic"><i>斜体</i></button>
    <button id="underline"><u>下划线</u></button>
    <div contenteditable="true">
    
      这里面<b>已经</b>有<i>一些</i><u>富文本</u>了
      
    </div>
  </div>
  <script type="text/javascript">
  new Editor('#editor');
  </script>
  <!--  
  <menu type="context" id="mymenu">
  <menuitem label="刷新页面" onclick="window.location.reload();"></menuitem>
  <menu label="分享页面到">
  
  <menuitem label="新浪微博" icon="http://www.sinaimg.cn/blog/developer/wiki/LOGO_24x24.png" onclick="window.open('http://service.weibo.com/share/share.php?title=' +document.title+ '&url=' +window.location.href);">
  </menuitem>
  <menuitem label="腾讯微博" icon="http://v.t.qq.com/share/images/s/weiboicon16.png" onclick="window.open('http://share.v.t.qq.com/index.php?c=share&a=index&title=' +document.title+'&url='+window.location.href);">
  </menuitem>
  </menu>
  </menu>
  -->
  <div draggable="true" id="div">
       我可以被移动
  </div>
  <div dropzone="true" id="div1">
      可以托东西到我身上
  </div>
  </body>
</html>
